<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div {
            /*边框粗细*/
            border-width: 10px;
            /*边框样式     solid:实线  dotted:虚线  dashed:分割线*/
            border-style: solid;
            /*边框颜色
            四个值 : 上  右  下  左
            三个值 : 上  左右  下
            两个值 : 上下  左右
            一个值 : 所有
            */
            border-color: red ;
            /*border-top-color: red;
            border-right-color: green;
            border-left-color: blue;
            border-bottom-color: black;*/
            /*所有盒子相关的样式设置 都会具有四个值(顺时针) 和 四个方向*/

            width: 100px;
            height: 100px;

            /*内边距:盒子边框向内推开的距离*/
            padding: 10px;
            /*外边距:盒子向外推开的距离*/
            /*保证盒子整体水平居中,使用外边距,上下无所谓,左右auto自动*/
            margin: 20px auto;
            /*内部文本居中*/
            text-align: center;

        }
    </style>
</head>
<body>
    <!--div盒子  (1.独占一行 2.默认宽度为父级元素的宽度
            3.默认没有高度,随着内容的增多自动变化)  -->
    <div>你是骗纸</div>
你是
</body>
</html>